<!DOCTYPE html>
<html>
<head>
    <title>格拉斯哥昏迷评分</title>
    <meta charset="utf-8">
    <style>
        #score-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            margin-top: 0px;
        }

        h2 {
            font-size: 24px;
            margin-bottom: 20px;
        }

        label {
            display: block;
            margin-bottom: 10px;
            font-size: 16px;
        }

        button {
            margin-top: 20px;
            padding: 10px;
            font-size: 16px;
        }

        label {
            display: flex;
            align-items: flex-start;
            margin-bottom: 10px;
        }

        input[type="radio"] {
            margin-right: 10px;
        }
    </style>
</head>
<body>
<div id="score-container">
    <h2>格拉斯哥昏迷评分</h2>
    <label>眼睛反应：</label>
    <label><input type="radio" name="eye" value="1"> 无反应</label>
    <label><input type="radio" name="eye" value="2"> 对疼痛反应</label>
    <label><input type="radio" name="eye" value="3"> 对声音反应</label>
    <label><input type="radio" name="eye" value="4">  自发睁开</label>
    <label>言语反应：</label>
    <label><input type="radio" name="verbal" value="1"> 无声</label>
    <label><input type="radio" name="verbal" value="2"> 无意识的嘟囔声</label>
    <label><input type="radio" name="verbal" value="3"> 有意识的言语</label>
    <label><input type="radio" name="verbal" value="4"> 失语，无法表达</label>
    <label><input type="radio" name="verbal" value="5"> 正常言语</label>
    <label>运动反应：</label>
    <label><input type="radio" name="motor" value="1"> 无反应</label>
    <label><input type="radio" name="motor" value="2"> 屈曲躯体，向痛刺激处移动</label>
    <label><input type="radio" name="motor" value="3"> 强直躯体，向痛刺激处移动</label>
    <label><input type="radio" name="motor" value="4"> 意志性动作，迎合痛刺激</label>
    <label><input type="radio" name="motor" value="5"> 可以有意地进行局部动作</label>
    <label><input type="radio" name="motor" value="6"> 可以有意地进行整体动作</label>
    <button id="calculate-btn">计算评分</button>
    <p id="score"></p>
</div>

<script src="glasgow.js"></script>
</body>

<script type="text/javascript">
    window.onload = function(){
        var calculateBtn = document.getElementById("calculate-btn");
        var scoreOutput = document.getElementById("score");

        calculateBtn.addEventListener("click", function() {
            var eyeScore = parseInt(document.querySelector('input[name="eye"]:checked').value);
            var verbalScore = parseInt(document.querySelector('input[name="verbal"]:checked').value);
            var motorScore = parseInt(document.querySelector('input[name="motor"]:checked').value);
            var totalScore = eyeScore + verbalScore + motorScore;
            scoreOutput.innerHTML = "眼睛反应：" + eyeScore + " " +
                "言语反应：" + verbalScore + " " +
                "运动反应：" + motorScore + "<br>" +
                "总评分为：" + totalScore + "<br>" +
                "根据患者的GCS评分，可以初步估计患者的意识状态和病情严重程度。一般来说，GCS评分越低，意识状态越差，病情越严重。具体判断标准如下：\n" + "<br>" +
                "\n" +
                "GCS评分15分：意识清晰。\n" + "<br>" +
                "\n" +
                "GCS评分13-14分：轻度脑损伤或神经功能障碍。\n" + "<br>" +
                "\n" +
                "GCS评分9-12分：中度脑损伤或神经功能障碍。\n" + "<br>" +
                "\n" +
                "GCS评分3-8分：重度脑损伤或神经功能障碍。\n" + "<br>" +
                "\n" +
                "GCS评分低于3分：表示患者处于极度昏迷状态。这种情况非常危急，可能要立即采取紧急抢救措施。如果患者没有呼吸或呼吸十分弱，急救人员应该立即开始进行心肺复苏（CPR）。同时，还要立即将患者转移到医院急诊室接受进一步的治疗。由于这种情况可能可能导致患者生命危险，因此必须采取迅速且有效的急救措施。" + "<br>" +
                "\n" +
                "需要注意的是，GCS评分只是一个初步的参考标准，严重程度的判定应该综合考虑患者的病史、症状、体征等因素。例如，即使GCS评分较高，如果患者有严重的颅内出血或脑挫裂伤等情况，病情也可能十分危急。因此，在严重程度的判定和治疗过程中，需要综合评估患者的各种因素，及时调整治疗方案，尽可能降低病情的危险程度，提高治疗效果。"
            ;
        });
    }
</script>
</body>
</html>